<script>
export default {
  data() {
    //定义组件的响应式数据 Vue2的写法  选项式语言
    return {
      //里面是数据
      sum: 0,
    };
  },
  methods: {
    //函数
    addition() {
      //要加this
      this.sum = 0;
      for (let i = 1; i <= 100; i++) {
        this.sum += i;
      }
    },
  },
};
</script>
<template>
  <input type="submit" @click="addition" value="点击计算 1~100 的和值" />
  <p>1 到 100 的累加值是: {{ sum }}</p>
</template>
<style>
input,
p {
  width: 200px;
  text-align: center;
  margin: 20px;
}
</style>
